<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Cards</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet" type='text/css'>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <article class="card">
      <div class="card__preview">
        <img src="assets/lakeview-elegance.png" alt="Lakeview Elegance" />
        <div class="card__price">
          $4,700,000
        </div>
      </div>
      <div class="card__right">
        <div class="card__content">
          <h2>Lakeview Elegance</h2>
          <p class="card__address">258 Serenity Lane, Crestwood Hills</p>
          <p class="card__description">
              Nestled along the tranquil shores of a pristine lake, Lakeview Lakeside offers an idyllic escape
              into nature's embrace. This exquisite property combines rustic charm with modern luxury, featuring a spacious, elegantly
              designed home with panoramic lake views. Each room is crafted to maximize the connection with the natural surroundings,
              offering large windows and outdoor spaces that blend seamlessly with the serene lakeside setting.
          </p>
        </div>
        <div class="card__footer">
          <button class="cta">Property Details</button>
        </div>
      </div>
    </article>
  </body>
</html>